<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>小米商城-为发烧而生</title>
    <link
      rel="shortcut icon"
      href="//s01.mifile.cn/favicon.ico"
      type="image/x-icon"
    />
    <link rel="stylesheet" href="/libs/swiper/css/swiper.css" />
    <link rel="stylesheet" href="/libs/font-awesome/css/font-awesome.css" />
    <link rel="stylesheet" href="/css/style.css" />
  </head>
  <body>
    <div class="xiaomi">
      <header></header>
      <!-- banner开始 -->
      <div class="swiper-container">
        <div class="swiper-wrapper" id="banner"></div>
        <script type="text/html" id="getbanner">
          {{each list item}}
          <div class="swiper-slide">
            <img src="{{item.img}}" alt="" />
          </div>
          {{/each}}
        </script>

        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
      </div>

      <!-- banner结束 -->
      <!-- 内容 -->
      <section>
        <!-- 推广开始 -->
        <div class="contents">
          <div class=" tuiguang">
            <img src="/images/a1.jpg" alt="" />
            <img src="/images/a2.jpg" alt="" />
            <img src="/images/a3.jpg" alt="" />
          </div>
        </div>

        <!-- 推广结束 -->
        <!-- 横幅广告 -->
        <div class="contents">
          <div class="guanggao">
            <img src="/images/guanggao1.webp" alt="" />
          </div>
        </div>

        <!-- 横幅广告结束 -->
        <!-- 手机开始 -->
        <div class="Mobile_phone">
          <div class="contents">
            <div class="biaoti">
              <p>手机</p>
              <a href="/html/list.html"
                >查看更多<i class="fa fa-chevron-circle-right"></i
              ></a>
            </div>
            <hr />
            <div class="Phones">
              <div class="Phones_advertising">
                <a href="/html/list.html"
                  ><img src="/images/b1-l.jpg" alt=""
                /></a>
              </div>
              <div class="Phones_title">
                <ul id="contents"></ul>
                <script type="text/html" id="getcontents">
                      {{each list item}}
                      <li>
                        <a href="/html/list.html">
                          <img src="{{item.img}}" alt="" />
                          <p>{{item.title}}</p>
                          <h3>{{item.introduction}}</h3>
                          <h4 class="price">{{item.price}}<i>起</i></h4>
                        </a>
                      </li>
                  {{/each}}
                </script>
              </div>
            </div>
          </div>
        </div>
        <!-- 手机结束 -->
        <!-- 横幅广告 -->
        <div class="contents">
          <div class="guanggao">
            <img src="/images/guanggao2.webp" alt="" />
          </div>
        </div>

        <!-- 横幅广告结束 -->
        <!-- 家电开始 -->
        <div class="appliance">
          <div class="contents">
            <div class="biaoti">
              <p>家用电器</p>
              <a href="/html/list.html"
                >查看更多<i class="fa fa-chevron-circle-right"></i
              ></a>
            </div>
            <hr />
            <div class="Phones">
              <div class="Phones_advertising">
                <a href="/html/list.html"
                  ><img src="/images/yingsj.webp" alt=""
                /></a>
                <a href="/html/list.html"
                  ><img src="/images/saodi.webp" alt=""
                /></a>
              </div>
              <div class="Phones_title">
                <!-- <ul>
                  <li>
                    <a href="">
                      <img src="/images/redmiK30.webp" alt="" />
                      <p>Redmi K30</p>
                      <h3>120Hz流速屏，全速热爱</h3>
                      <h4 class="price">1599<i>起</i></h4>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="/images/redmiK305G.webp" alt="" />
                      <p>Redmi K30 5G</p>
                      <h3>双模5G，120Hz流速屏</h3>
                      <h4 class="price">1999<i>起</i></h4>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="/images/xiaomicc9Pro.webp" alt="" />
                      <p>小米cc9 Pro</p>
                      <h3>1亿像素 五摄四闪</h3>
                      <h4 class="price">1599<i>起</i></h4>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="/images/redmiK30.webp" alt="" />
                      <p>Redmi K30</p>
                      <h3>120Hz流速屏，全速热爱</h3>
                      <h4 class="price">1599<i>起</i></h4>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="/images/redmiK305G.webp" alt="" />
                      <p>Redmi K30 5G</p>
                      <h3>双模5G，120Hz流速屏</h3>
                      <h4 class="price">1999<i>起</i></h4>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="/images/xiaomicc9Pro.webp" alt="" />
                      <p>小米cc9 Pro</p>
                      <h3>1亿像素 五摄四闪</h3>
                      <h4 class="price">1599<i>起</i></h4>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="/images/redmiK30.webp" alt="" />
                      <p>Redmi K30</p>
                      <h3>120Hz流速屏，全速热爱</h3>
                      <h4 class="price">1599<i>起</i></h4>
                    </a>
                  </li>
                  <li>
                    <a href="">
                      <img src="/images/redmiK305G.webp" alt="" />
                      <p>Redmi K30 5G</p>
                      <h3>双模5G，120Hz流速屏</h3>
                      <h4 class="price">1999<i>起</i></h4>
                    </a>
                  </li>
                </ul> -->
                <ul id="content"></ul>
                <script type="text/html" id="getcontent">
                      {{each list item}}
                      <li>
                        <a href="/html/list.html">
                          <img src="{{item.img}}" alt="" />
                          <p>{{item.title}}</p>
                          <h3>{{item.introduction}}</h3>
                          <h4 class="price">{{item.price}}<i>起</i></h4>
                        </a>
                      </li>
                  {{/each}}
                </script>
              </div>
            </div>
          </div>
        </div>
        <!-- 家电结束 -->
      </section>
      <!-- 内容结束 -->

      <footer></footer>
    </div>
    <script src="/libs/require/require.min.js" data-main="/js/index"></script>
  </body>
</html>
